<!--
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2023-09-27 17:43:02
 * @LastEditors: 卡卡 1071780426@qq.com
 * @LastEditTime: 2024-01-05 14:48:13
 * @FilePath: \mould\src\components\BehaViorManage\feedbackListText\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->

<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->

  <div class="Control-1 mechanism_dialogS closure" id="comcn small">
    <el-dialog
      width="1060px"
      title="请选择WBS数据"
      v-dialogDrag
      :visible.sync="visible"
      @close="closeDialog1"
      :append-to-body="true"
      top="5%"
    >
      <div
        class="dialogBody common commonClassDialog moduleDialogs"
        :style="{ height: dialogHeight }"
        style="width: 100%"
      >
        <el-table
          ref="multipleTable"
          :data="tableData_Wbs"
          style="width: 100%"
          height="100%"
          lazy
          :load="treeLoad"
          :tree-props="{
            children: 'children',
            hasChildren: 'fHaschildren',
          }"
          row-key="fNodeid"
          v-loading="loading"
          element-loading-text="拼命加载中"
          element-loading-spinner="el-icon-loading"
          element-loading-background="rgba(0, 0, 0, 0.2)"
          :row-class-name="tableRowClassName"
          border
          stripe
          highlight-current-row
          @current-change="handleCurrentChange"
        >
          <el-table-column
            fixed
            type="index"
            label="序号"
            width="50"
            align="center"
          ></el-table-column>
          <el-table-column
            prop="fName"
            label="工程部位"
            min-width="200"
            style="display: flex"
          >
            <template slot-scope="scope">
              <a href="javascript:;" :title="scope.row.fName">
                {{ scope.row.fName }}
              </a>
            </template>
          </el-table-column>

          <el-table-column
            prop="fStartstationtype"
            label="开始桩号类型"
            align="center"
            width="100"
          >
            <template slot-scope="scope">
              <a href="javascript:;" :title="scope.row.fStartstationtype">
                {{ scope.row.fStartstationtype }}
              </a>
            </template>
          </el-table-column>
          <el-table-column
            prop="fStartstationkilometers"
            label="开始桩号公里数"
            align="center"
            width="110"
          >
            <template slot-scope="scope">
              <a href="javascript:;" :title="scope.row.fStartstationkilometers">
                {{ scope.row.fStartstationkilometers }}
              </a>
            </template>
          </el-table-column>
          <el-table-column
            prop="fStartstationmeters"
            label="开始桩号长度(米)"
            align="center"
            width="120"
          >
            <template slot-scope="scope">
              <a href="javascript:;" :title="scope.row.fStartstationmeters">
                {{ scope.row.fStartstationmeters }}
              </a>
            </template>
          </el-table-column>

          <el-table-column
            prop="fEndstationtype"
            label="结束桩号类型"
            align="center"
            width="100"
          >
            <template slot-scope="scope">
              <a href="javascript:;" :title="scope.row.fEndstationtype">
                {{ scope.row.fEndstationtype }}
              </a>
            </template>
          </el-table-column>
          <el-table-column
            prop="fEndstationkilometers"
            label="结束桩号公里数"
            align="center"
            width="110"
          >
            <template slot-scope="scope">
              <a href="javascript:;" :title="scope.row.fEndstationkilometers">
                {{ scope.row.fEndstationkilometers }}
              </a>
            </template>
          </el-table-column>
          <el-table-column
            prop="fEndstationmeters"
            label="结束桩号长度(米)"
            align="center"
            width="120"
          >
            <template slot-scope="scope">
              <a href="javascript:;" :title="scope.row.fEndstationmeters">
                {{ scope.row.fEndstationmeters }}
              </a>
            </template>
          </el-table-column>

          <!-- <el-table-column
            prop="StationLength"
            label="桩号长度"
            align="center"
            min-width="100"
          >
            <template slot-scope="scope">
              <a href="javascript:;" :title="scope.row.StationLength">
                {{ scope.row.StationLength }}
              </a>
            </template>
          </el-table-column> -->
          <el-table-column
            prop="fWbsstructuretype"
            label="结构类型"
            align="center"
            width="110"
          >
            <template slot-scope="scope">
              <a href="javascript:;" :title="scope.row.fWbsstructuretype">
                {{ scope.row.fWbsstructuretype }}
              </a>
            </template>
          </el-table-column>
        </el-table>
      </div>
      <div style="height: 40px"></div>
      <div class="newlyAdded_btn" v-if="btnShow">
        <el-button :disabled="isLock" type="primary" @click="yj_saveForm(1)"
          >保存</el-button
        >
        <el-button type="warning" @click="visible = false">关闭</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
